<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>聊天列表</title>
		<link rel="stylesheet" type="text/css" href="css/style_chatlist.css" />
		<SCRIPT language="javascript" src="js/jquery-3.1.1.js" type="text/javascript"></SCRIPT>
	</head>

	<body>
		<!--header===================================-->
		<header>
			<h1><a href="#"><img src="img/Backicon.png"></a></h1>
			<div class="header_middle">聊天</div>
			<div class="header_right">
				<a href="#"><img src="img/ico_add.png"></a>
			</div>
		</header>

		<!--main=======================================-->
		<section id="main">
			<figure>
				<a href="#">
					<img src="img/head02.png" />
				</a>
				<figcaption>
					<span>飞鱼</span>
					<div>
						只有这样，所谓的区块链的落地...只有这样，所谓的区块链的落地
					</div>	
				</figcaption>
				<p>下午13:20</p>
				<button>删除</button>
			</figure>

			<figure>
				<a href="#">
					<img src="img/head03.png" />
				</a>
				<figcaption>
					<span>皇帝的盔甲</span>
					<div>
						只有这样才可以吗？
					</div>
				</figcaption>
				<p>下午14:50</p>
				<button>删除</button>
			</figure>
			
			<figure>
				<a href="#">
					<img src="img/head02.png" />
				</a>
				<figcaption>
					<span>飞鱼</span>
					<div>
						听从安排，不见不散
					</div>
				</figcaption>
				<p>下午14:50</p>
				<button>删除</button>
			</figure>
			
			<figure>
				<a href="#">
					<img src="img/head01.png" />
				</a>
				<figcaption>
					<span>随风飞扬</span>
					<div>
						地点是北京安宁庄家园
					</div>
				</figcaption>
				<p>下午14:50</p>
				<button>删除</button>
			</figure>
			<div class="space"></div>
		</section>
		
		<!--footer部分-->
		<footer id="commonfooter">
			<div>
				<a href="#"></a>
				<span>聊天</span>
			</div>
			<div>
				<a href="#"></a>
				<span>联系人</span>
			</div>
			<div>
				<a href="#"></a>
				<span>发帖</span>
			</div>
			<div>
				<a href="#"></a>
				<span>我</span>
			</div>
		</footer>

	</body>

</html>